<template>
    <div class='layout_header'>
        <h2 class="layout_title">ERP信息管理系统</h2>
        <div class="layout_user">
           <!-- <a-tooltip>
            <template #title>
                <div class="user_info">
                    <div class=''>
                        <UserSwitchOutlined :style="{fontSize: '28px', color: '#3771ff'}" />
                        {'cxd'}
                    </div>
                </div>
            </template>
            <UserSwitchOutlined :style="{fontSize: '28px', color: '#3771ff'}" />
        </a-tooltip>      -->
        <a-dropdown :placement="bottom">
        <UserSwitchOutlined :style="{fontSize: '28px', color: '#3771ff'}" />
        <template #overlay>
          <a-menu>
            <a-menu-item>
              <UserSwitchOutlined :style="{fontSize: '24px', color: '#3771ff'}" />
              {'cxd'}
            </a-menu-item>
            <!-- <a-menu-item>
              <a target="_blank" rel="noopener noreferrer" href="http://www.taobao.com/">
                2nd menu item
              </a>
            </a-menu-item> -->
            <a-menu-item>
              <span> 退出登录</span>
            </a-menu-item>
          </a-menu>
        </template>
      </a-dropdown>
        </div>
    </div>
</template>
<script setup lang="ts">
import "./app.css"
import {
    UserSwitchOutlined
} from '@ant-design/icons-vue'
</script>
